<template>
    <!-- 博客页面 -->
    <!-- main-area -->
    <main>

<!-- breadcrumb-area -->
<section class="breadcrumb-area breadcrumb-bg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb-content">
                    <h2 class="title">latest news</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Our Blog</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- breadcrumb-area-end -->

<!-- blog-area -->
<section class="blog-area blog-gray-bg">
    <div class="container">
        <div class="container-inner-wrap">
            <div class="row justify-content-center">
                <div class="col-lg-8 col-md-10">
                    <div class="standard-blog-item">
                        <div class="blog-thumb">
                            <a href="blog-details.html"><img src="img/blog/blog_thumb01.jpg" alt=""></a>
                        </div>
                        <div class="standard-blog-content">
                            <h4 class="title"><a href="blog-details.html">Providing Professional or Expert Advice</a>
                            </h4>
                            <ul class="standard-blog-meta">
                                <li><a href="#"><i class="far fa-user"></i>By Tome</a></li>
                                <li><a href="#"><i class="far fa-calendar"></i>April 15, 2021</a></li>
                                <li><a href="#"><i class="far fa-comment-alt"></i>0 Comments</a></li>
                            </ul>
                            <p>Consulting is defined as the practise of provi third party with etise on matter in exchang for a fee. The service may
                            involve either advisory or ientation services. For the consultan taking an independ practise defined.</p>
                            <div class="blog-line" data-background="img/blog/blog_item_line.png"></div>
                            <a href="blog-details.html" class="btn read-more">Read more</a>
                        </div>
                    </div>
                    <div class="standard-blog-item">
                        <div class="blog-thumb">
                            <a href="blog-details.html"><img src="img/blog/blog_thumb02.jpg" alt=""></a>
                        </div>
                        <div class="standard-blog-content">
                            <h4 class="title"><a href="blog-details.html">Database Software Great Video example</a></h4>
                            <ul class="standard-blog-meta">
                                <li><a href="#"><i class="far fa-user"></i>By Tome</a></li>
                                <li><a href="#"><i class="far fa-calendar"></i>April 15, 2021</a></li>
                                <li><a href="#"><i class="far fa-comment-alt"></i>0 Comments</a></li>
                            </ul>
                            <p>Consulting is defined as the practise of provi third party with etise on matter in exchang for a fee. The service may
                            involve either advisory or ientation services. For the consultan taking an independ practise defined.</p>
                            <div class="blog-line" data-background="img/blog/blog_item_line.png"></div>
                            <a href="blog-details.html" class="btn read-more">Read more</a>
                        </div>
                    </div>
                    <div class="standard-blog-item">
                        <div class="blog-thumb">
                            <a href="blog-details.html"><img src="img/blog/blog_thumb03.jpg" alt=""></a>
                        </div>
                        <div class="standard-blog-content">
                            <h4 class="title"><a href="blog-details.html">Organization and Time Management</a></h4>
                            <ul class="standard-blog-meta">
                                <li><a href="#"><i class="far fa-user"></i>By Tome</a></li>
                                <li><a href="#"><i class="far fa-calendar"></i>April 15, 2021</a></li>
                                <li><a href="#"><i class="far fa-comment-alt"></i>0 Comments</a></li>
                            </ul>
                            <p>Consulting is defined as the practise of provi third party with etise on matter in exchang for a fee. The service may
                            involve either advisory or ientation services. For the consultan taking an independ practise defined.</p>
                            <div class="blog-line" data-background="img/blog/blog_item_line.png"></div>
                            <a href="blog-details.html" class="btn read-more">Read more</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-10">
                    <aside class="blog-sidebar">
                        <div class="widget">
                            <h4 class="widget-title">Search</h4>
                            <div class="sidebar-search-form">
                                <form action="#">
                                    <input type="text" placeholder="Search ...">
                                </form>
                            </div>
                        </div>
                        <div class="widget">
                            <h4 class="widget-title">Recent Posts</h4>
                            <div class="rc-post-list">
                                <ul>
                                    <li>
                                        <div class="rc-post-thumb">
                                            <a href="blog-details.html"><img src="img/blog/rc_post_thumb01.jpg" alt=""></a>
                                        </div>
                                        <div class="rc-post-content">
                                            <h6 class="title"><a href="blog-details.html">How Manage Business Online Reputation</a></h6>
                                            <span class="date"><i class="far fa-calendar-alt"></i> August 19, 2021</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="rc-post-thumb">
                                            <a href="blog-details.html"><img src="img/blog/rc_post_thumb02.jpg" alt=""></a>
                                        </div>
                                        <div class="rc-post-content">
                                            <h6 class="title"><a href="blog-details.html">Consulting is defined as the practise</a></h6>
                                            <span class="date"><i class="far fa-calendar-alt"></i> August 19, 2021</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="rc-post-thumb">
                                            <a href="blog-details.html"><img src="img/blog/rc_post_thumb03.jpg" alt=""></a>
                                        </div>
                                        <div class="rc-post-content">
                                            <h6 class="title"><a href="blog-details.html">Marketing consulting Online Business</a></h6>
                                            <span class="date"><i class="far fa-calendar-alt"></i> August 19, 2021</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="widget">
                            <h4 class="widget-title">Categories</h4>
                            <div class="sidebar-cat-list">
                                <ul>
                                    <li><a href="#">Dairy & Bakery <i class="fas fa-angle-double-right"></i></a></li>
                                    <li><a href="#">Online Business <i class="fas fa-angle-double-right"></i></a></li>
                                    <li><a href="#">Food Snacks <i class="fas fa-angle-double-right"></i></a></li>
                                    <li><a href="#">Grains Rice & Snacks <i class="fas fa-angle-double-right"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="widget">
                            <div class="sidebar-add">
                                <a href="#"><img src="img/blog/add.png" alt=""></a>
                            </div>
                        </div>
                        <div class="widget">
                            <h4 class="widget-title">Tag Cloud</h4>
                            <div class="sidebar-tag-list">
                                <ul>
                                    <li><a href="#"># Business</a></li>
                                    <li><a href="#"># Knowledge</a></li>
                                    <li><a href="#"># Work</a></li>
                                    <li><a href="#"># Online</a></li>
                                    <li><a href="#"># Who</a></li>
                                    <li><a href="#"># Technology</a></li>
                                    <li><a href="#"># Consult</a></li>
                                </ul>
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- blog-area-end -->

</main>
<!-- main-area-end -->

</template>
 
<script>
 
import { mapGetters,mapActions,mapMutations,mapState } from 'vuex';
 
export default {
    components:{
 
              },
    data() {
          return {

                 }
         },
    computed:{

             },
    created() {

              },
    mounted() {

              },
    watch:{

          },

    beforeCreate(){

                  },
    beforeDestroy() {

                    },
    deactivated() {

                   },
}
</script>
<style>
</style>